/**
 * @param e 图片对象
 */
function showBigImage(e) {
    layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        shadeClose: true, //点击阴影关闭
        area: [$(e).width + 'px', $(e).height + 'px'], //宽高
        content: "<img src=" + $(e).attr('src') + " />"
    });
}

layui.use(['layer', 'form', 'table', 'admin', 'ax','element'], function () {
    var $ = layui.$;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var element = layui.element;

    /**
     * 管理-- 用户详情管理
     */
    var UserInfo = {
        tableId: "userInfoTable",    //表格id
        condition: {
            userInfoName: ""
        }
    };

    /**
     * 初始化表格的列
     */
    UserInfo.initColumn = function () {
        return [[
            {type: 'checkbox'},
            {field: 'openId', sort: true, title: 'openId'},
            {field: 'userInfoName', sort: true, title: '用户昵称'},
            {field: 'headUrl', sort: true, title: '用户头像',templet: function(d){
                    if(d.headUrl !=""||d.headUrl !=null){
                        return ' <div  ><img src="'+d.headUrl+'" alt="" width="50px" height="50px" class="layui-nav-img" onclick="showBigImage(this)"></a></div>'

                    }else{
                        return '<span style="color: #cc0604;">——</span>'
                    }
                }},
            {field: 'wxType', sort: true, title: '所属微信',templet: function(d){
                    if(d.wxType =="HTOLOGY"){
                        return '<span style="color: #000000;">Htology资讯</span>'
                    }else  if(d.wxType =="ONCO"){
                        return '<span style="color: #000000;">ONCO前沿资讯</span>'
                    }else  if(d.wxType =="ONCO_SUB"){
                        return '<span style="color: #000000;">ONCO前沿(订阅号)</span>'
                    }else{
                        return '<span style="color: #cc0604;">——</span>'
                    }
                }},
            {field: 'createTime', sort: true, title: '创建时间'},
            {align: 'center', toolbar: '#tableBar', title: '操作', minWidth: 200}
        ]];
    };


    /**
     * 点击查询按钮
     */
    UserInfo.search = function () {
        var queryData = {};
        queryData['userInfoName'] = $("#userInfoName").val();
        table.reload(UserInfo.tableId, {where: queryData});
    };

    /**
     * 弹出添加 用户详情
     */
    UserInfo.openAddUserInfo = function () {
    	/**
        admin.putTempData('formOk', false);
        top.layui.admin.open({
            type: 2,
            title: '添加 用户详情',
            content: Feng.ctxPath + '/userInfo/userInfo_add',
            end: function () {
                admin.getTempData('formOk') && table.reload(UserInfo.tableId);
            }
        });
        */
        //打开新窗口形式
        window.location.href = Feng.ctxPath + '/userInfo/userInfo_add';
    };

    /**
     * 导出excel按钮
     */
    UserInfo.exportExcel = function () {
        var checkRows = table.checkStatus(UserInfo.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 同步用户
     */
    UserInfo.syncUser = function () {

        var othis = $("#btnSync");
        layer.close();
        $(".layui-progress-big").show();
        //触发事件
        var DISABLED = 'layui-btn-disabled';
        if(othis.hasClass(DISABLED)) return;

        //模拟loading
        var n = 0, timer = setInterval(function(){
            n = n + Math.random()*10|0;
            if(n>100){
                n = 100;
                clearInterval(timer);
                Feng.success("同步正在后端执行，请不要重复操作!");
                $(".layui-progress-big").hide();
                UserInfo.syncUserAjax();
            }
            element.progress('demo', n+'%');
        }, 300+Math.random()*100);
        othis.addClass(DISABLED);


    }

    UserInfo.syncUserAjax = function () {
        var ajax = new $ax(Feng.ctxPath + "/userInfo/syncuser", function (data) {
            if(data.code == '200') {
                othis.removeClass(DISABLED);
                table.reload(UserInfo.tableId);
            }else if( data.code == '700'){
                Feng.success(data.message);
            }
        }, function (data) {

        },true);
        ajax.set("wxType", "ONCO_SUB");
        ajax.start();
    }


    /**
     * 点击编辑 用户详情
     *
     * @param data 点击按钮时候的行数据
     */
    UserInfo.onEditUserInfo = function (data) {
    	/**
        admin.putTempData('formOk', false);
        top.layui.admin.open({
            type: 2,
            title: '修改 用户详情',
            content: Feng.ctxPath + '/userInfo/userInfo_edit?userInfoId=' + data.userInfoId,
            end: function () {
                admin.getTempData('formOk') && table.reload(UserInfo.tableId);
            }
        });
        */
        //打开新窗口形式
        window.location.href = Feng.ctxPath + '/userInfo/userInfo_edit?userInfoId=' + data.userInfoId+"&wxType="+wxType;
    };

    /**
     * 点击删除 用户详情
     *
     * @param data 点击按钮时候的行数据
     */
    UserInfo.onDeleteUserInfo = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/userInfo/delete", function () {
                Feng.success("删除成功!");
                table.reload(UserInfo.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("userInfoId", data.userInfoId);
            ajax.start();
        };
        Feng.confirm("是否删除 用户详情 " + data.userInfoName + "?", operation);
    };

    var wxType = $("#wxTypeTo").val();
    var tabUrl = "";
    if(wxType !=null){
        tabUrl = Feng.ctxPath + '/userInfo/list?wxType='+wxType;
    }else{
        tabUrl = Feng.ctxPath + '/userInfo/list';
    }

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + UserInfo.tableId,
        url:tabUrl,
        page: true,
        height: "full-98",
        cellMinWidth: 100,
        cols: UserInfo.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        UserInfo.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {
        UserInfo.openAddUserInfo();
    });

    // 导出excel
    $('#btnExp').click(function () {
        UserInfo.exportExcel();
    });

    // 同步用户
    $('#btnSync').click(function () {
        UserInfo.syncUser();
    });



    // 工具条点击事件
    table.on('tool(' + UserInfo.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            UserInfo.onEditUserInfo(data);
        } else if (layEvent === 'delete') {
            UserInfo.onDeleteUserInfo(data);
        }
    });
});
